@charset "utf-8";
/************************************************
 一般ページ共通用 CSS
*************************************************/

/*! START : Element ************************/
button {
    font-size: 12px;
}
/*! START : Element : body ************************/
body {
    color: rgb(77, 77, 77);
}
body > header {
    margin: 0 auto 20px;
    text-align: center;
}
body > footer {
    clear: both;
    background: rgb(76, 172, 226);
    color: white;
    text-align: center;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; 
}

/* END : Element : body ************************/

/*! START : Element : header ************************/
header {
}

header nav {
    clear: both;
    border-top: 4px solid white;
    background: rgb(0, 93, 156);
}
header nav table {
    margin: 0 auto;
    width: 960px;
    border-spacing: 4px 0;
    background: white;
}
header nav table tr {
}
header nav table tr td {
    padding: 0;
    height: 60px;
    width: 133px;
    text-align: center;
    vertical-align: middle;
    background: rgb(0, 93, 156);
}
header nav table tr td a {
    display: table;
    padding: 0;
    margin: 0;
    border-width: 8px 0 6px 0;
    border-style: solid;
    border-color: rgb(0, 93, 156);
    color: white;
    text-decoration: none;
}
header nav table tr td a:hover{color: white;}
header nav table tr td span {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 133px;
    height: 46px;
    vertical-align: middle;
    text-align: center;
}
header nav table tr .active a,header nav table tr a:hover {
    border-bottom: 6px solid rgb(238, 135, 180);
}

header .info_area {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}
header .info_area td {
    height: 90px;
}
header table .blue_color {
    background: rgb(76, 172, 226);
}
header .site_info {
    padding: 0;
    width: 649px;
    color: white;
}
header .site_info div {
}
header .site_info .logo {
    float: left;
    margin-top: 0px;
}
header .site_info .contact_info {
    margin: 0px auto auto 250px;
    font-size: 12px;
    text-align: left;
    position: absolute;
}
header .usage_agree p{margin-bottom: 13px;}
header .usage_agree p a{text-decoration: none;
                        color:#FFF;
                        border: 1px solid #fff;
                        padding: 10px 32px;
                        text-align: center; width: 132px;
                        -webkit-border-radius: 8px;
                        -moz-border-radius: 8px;
                        border-radius: 8px;
                        background: #4CACE2;
                        behavior: url(PIE.htc);}
.usage_agree p a:hover{
    color:#4CACE2;
    border: 1px solid #fff;
    background: #FFF;
    behavior: url(PIE.htc);}
header .site_info .contact_info .title {
    margin-left: 0px;
    text-align: left;
    font-weight: bold;
}
header .site_info .contact_info .tel {
}
header .site_info .contact_info .business_time {
    margin-left: 20px;
    font-size: 10.5px;
}
header .usage_agree{margin: 0px auto auto 480px;
                    font-size: 12px;
                    text-align: left;}
header .account_info {
    padding: 0;
    width: 311px;
}
header .account_info .wrapper {
}
header .account_info .catch_copy_area {
    margin: 10px 0;
    text-align: right;
    font-size: 12px;
}
header .account_info .face_image_area {
    position: relative;
    float: left;
    margin: 0 10px 0 23px;
    width: 46px;
}
header .account_info .face_image_area .frame {
    position: absolute;
    top: 0;
}
header .account_info .face_image_area .face {
}
header .account_info .name {
    float: left;
    margin-top: 10px;
    font-weight: bold;
}
header .account_info .btn_logout {
    float: right;
    margin-top: 10px;
}
/* END : Element : header ************************/

/*! START : Element : footer ************************/

footer small {
}
footer .copyright {
    padding-bottom: 30px;
}
footer .f_icon {
    margin: 30px auto;
}
/* END : Element : footer ************************/

/*! START : Element : article ************************/
article {
    margin: 20px auto 20px;
}
article > header {
    margin-bottom: 20px;
    padding: 15px 0;
    height: 30px;
    background: rgb(76, 172, 226);
    color: white;
    font-size: 150%;
    font-weight: bold;
}
article > header > p {
    margin: 0 auto;
    width: 960px;
}
article > section {
    margin: 30px auto;
    width: 960px;	
}
article > section > header {
    border-bottom: 2px solid rgb(76, 172, 226);
}
article .ad_area {
    margin: 0 auto;
    width: 960px;
}
/* END : Element : article ************************/

/*! START : Element : section ************************/
/* END : Element : section ************************/
/* END : Element ************************/






/*! START : Class ************************/
.input_form input {
    margin-bottom: 20px;
    width: auto;
}
.input_form textarea.input {
    padding: 10px 14px;
    height: 130px;
    font-size: 90%;
    width: 789px;
}
.input_form select {
    font-size: 120%;
}
.input_form label.click_area {
    cursor: pointer;
    margin-left: 20px;
}
.input_form label.image_area {
    display: inline-block;
    cursor: pointer;
    margin-left: 35px;
}
.input_form label.first_child {
    margin-left: 0;
}
.input_form dl {
    clear: both;
    padding-bottom: 17px;
}
.input_form dl dt {
    float: left;
    width: 140px;
    font-size: 150%;
    font-weight: bold;
}
.input_form dl dt small {
    font-size: 60%;
    display: block;
    color: rgb(76, 172, 226);
}
.input_form dl dd {
    margin-left: 140px;
    font-size: 120%;
}
.input_form dl dd .input_area {
    margin-bottom: 18px;
}
.input_form dl dd .input_area .title {
}
.input_form dl dd .input_area .title_large {
    font-size: 115%;
}
.input_form dl dd .description {
    margin-bottom: 25px;
    color: rgb(0, 93, 156);
}
.input_form dl.title_area dd {
    color: rgb(238, 135, 180);
    font-size: 120%;
}
.input_form nav {
    clear: both;
    text-align: center;
    font-size: 0px;
}
.input_form nav button.image {
    float: none;
}
.input_form nav button.image img {
    font-size: 13px;
}
.input_form nav button.cancel_btn {
    margin-right: 60px;
}
.input_form .input {
    margin-bottom: 13px;
    padding: 0px 15px 4px;
    height: 34px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    font-size: 100%;
}
.input_form .not_input {
    display: inline-block;
}
.input_form .half_width {
    margin-left: 40px;
    width: 365px;
}
.input_form .full_width {
    width: 808px;
}
.input_form .first_child {
    margin-left: 0;
}
.input_form .check,
.input_form .radio {
    padding: 0;
    margin: 0 5px 20px;
    height: auto;
}
.input_form .input_warning {
    clear: both;
    margin: 5px auto 25px;
    text-align: center;
    color: rgb(238, 135, 180);
    font-size: 120%;
}
.input_form .guide_area {
    padding-top: 30px;
    border-top: 2px solid rgb(76, 172, 226);
    font-size: 120%;
}
.input_form .guide_area section {
    margin-bottom: 20px;
}
.input_form .guide_area section header {
    margin-bottom: 5px;
    font-size: 130%;
    font-weight: bold;
    color: rgb(0, 93, 156);
}
.input_form .guide_area section aside {
    margin-top: 30px;
    text-align: right;
}
.input_form .guide_area section aside small {
    font-size: 100%;
}
.input_form .guide_area .bank_info {
    margin: 50px 0;
}
.input_form .guide_area .bank_info ul {
}
.input_form .guide_area .bank_info ul li {
    float: left;
    width: 480px;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    color: rgb(77, 77, 77);
}
.input_form .guide_area .upload_file_select_area {
    margin-top: 50px;
}
.input_form .guide_area .upload_file_select_area .title {
    margin-right: 25px;
    font-weight: bold;
    font-size: 130%;
    color: rgb(0, 93, 156);
}
.input_form .guide_area .upload_file_select_area .file {
    padding: 8px 10px 8px 10px;
    height: auto;
    font-size: 100%;
}



.confirm_dialog {
    padding: 30px 100px 50px;
    width: 400px;
    font-size: 120%;
}
.confirm_dialog nav {
    text-align: center;
    font-size: 0px;
}

.confirm_dialog .title {
    margin-bottom: 30px;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    color: rgb(76, 172, 226);
}
.confirm_dialog .description {
    margin: 30px 0;
    text-align: left;
}
.confirm_dialog .warning {
    margin: 50px 0 55px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: rgb(238, 135, 180);
}
.confirm_dialog .od_submit_btn {
    margin-left: 18px;
}
/* END : Class ************************/





/*! START : ID ************************/
/* END : ID ************************/
